﻿<%@ Page Language="VB" AutoEventWireup="false" CodeFile="index.aspx.vb" Inherits="Arwani.index" %>

<%@ Register Src="../header.ascx" TagName="header" TagPrefix="uc1" %>
<%@ Register Src="../Footer.ascx" TagName="Footer" TagPrefix="uc2" %>
<%@ Register Src="../CopyRight.ascx" TagName="CopyRight" TagPrefix="uc3" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Promo</title>
    <link href="../css/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        /* Scroller Box */
        #scroller_container1
        {
            height: 345px;
            overflow: hidden;
            top: -27px;
            left: 0px;
        }
        /* CSS Hack Safari */
        
        #scroller_container1
        {
            overflow: auto;
            width: 646px;
            margin-top: 0px;
        }
        
        /* Scoller Box */
    </style>
    <script type="text/javascript" language="javascript" src="../js/jquery.min.js"></script>
    <style>
        #div_section_3 label
        {
            color: #000 !important;
            font: 13px "Trebuchet MS" ,Arial,Helvetica,sans-serif;
        }
        a.send-btn
        {
            background: none repeat scroll 0 0 #646464;
            border-radius: 3px 3px 3px 3px;
            float: left;
            font-weight: bold;
            padding: 5px 10px;
        }
        .promo-form
        {
            float: left !important;
        }
        .promo-form input
        {
            background: none repeat scroll 0 0 #FFFFFF !important;
            border: 1px solid #CCCCCC !important;
            color: #000000 !important;
            padding: 5px !important;
        }
    </style>
    <script type="text/javascript" src="../js/coin-slider.min.js"></script>
    <script type="text/javascript" language="javascript" src="../js/jscroller.js"></script>
    <script type="text/javascript" language="javascript" src="../js/jquery.jshowoff.min.js"></script>
    <script type="text/javascript" src="../kb-plugin/js/jquery.js"></script>
    <script type="text/javascript" src="../kb-plugin/js/jquery.easing.js"></script>
    <script type="text/javascript" src="../kb-plugin/js/jquery.themepunch.kenburn.min.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/style2.css">
</head>
<body>
    <form id="form1" runat="server">
    <div id="main">
        <uc1:header ID="header1" runat="server" />
        <div id="content">
            <div>
                <img src="../images/spacer.gif" width="1" height="7" alt="spacer" /></div>
            <div class="mainslider">
                <div class="col_1">
                    <div align="center">
                        <img src="../images/new_logo.png" width="213" height="230" alt="trading company in dubai" /></div>
                    <div>
                        <img src="../images/spacer.gif" width="1" height="35" alt="power tools in dubai" /></div>
                    <div class="b_descr">
                        <h3>
                            WELCOME</h3>
                        <p>
                            Welcome to Arwani Trading, your source of consumables, tools, equipment, and machinery
                            in the UAE. We hope you find our website interactive and easy to use, and we look
                            forward to receiving your feedback.</p>
                    </div>
                </div>
                <div class="col_2 banner">
                    <div class="bannercontainer centerme dark" style="width: 577px; height: 395px; overflow: hidden">
                        <ul>
                            <%=BannerHTML %>
                        </ul>
                    </div>
                    <script type="text/javascript">
                        $(document).ready(function () {
                            $.noConflict();
                            jQuery('.bannercontainer').kenburn({
                                thumbWidth: 50,
                                thumbHeight: 50,
                                thumbAmount: 7,
                                thumbStyle: "both",
                                thumbVideoIcon: "off",
                                thumbVertical: "bottom",
                                thumbHorizontal: "center",
                                thumbXOffset: 0,
                                thumbYOffset: 40,
                                bulletXOffset: 0,
                                bulletYOffset: -16,
                                hideThumbs: "on",
                                touchenabled: 'on',
                                pauseOnRollOverThumbs: 'off',
                                pauseOnRollOverMain: 'on',
                                preloadedSlides: 2,
                                timer: 7,
                                debug: "off",
                                ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                //												 Google Fonts !!											 //
                                // local GoogleFont JS from your server: http://www.yourdomain.com/kb-plugin/js/jquery.googlefonts.js		 //
                                // GoogleFonts from Original Source: http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js or https:... // 
                                //			PT+Sans+Narrow:400,700																			//
                                /////////////////////////////////////////////////////////////////////////////////////////////////////////////
                                googleFonts: 'Oswald',
                                googleFontJS: '../kb-plugin/js/jquery.googlefonts.js'
                            });
                            jQuery('.tnone').click(function () {
                                jQuery('.tbull').removeClass('selected');
                                jQuery('.tthumb').removeClass('selected');
                                jQuery('.tnone').addClass('selected');
                                jQuery('.tauto').removeClass('selected');
                                jQuery('.kenburn_thumb_container').css({
                                    'visibility': 'hidden'
                                });
                                jQuery('.thumbbuttons').css({
                                    'visibility': 'hidden'
                                });
                            });
                            jQuery('.tthumb').click(function () {
                                jQuery('.tbull').removeClass('selected');
                                jQuery('.tauto').removeClass('selected');
                                jQuery('.tthumb').addClass('selected');
                                jQuery('.tnone').removeClass('selected');
                                jQuery('.kenburn_thumb_container').css({
                                    'visibility': 'visible'
                                });
                                jQuery('.thumbbuttons').css({
                                    'visibility': 'hidden'
                                });
                                jQuery('body').addClass('tp_showthumbsalways');
                                jQuery('.kenburn_thumb_container').animate({
                                    'opacity': 1
                                }, {
                                    duration: 300,
                                    queue: false
                                });
                            });
                            jQuery('.tauto').click(function () {
                                jQuery('.tauto').addClass('selected');
                                jQuery('.tthumb').removeClass('selected');
                                jQuery('.tnone').removeClass('selected');
                                jQuery('.tbull').removeClass('selected');
                                jQuery('body').removeClass('tp_showthumbsalways');
                                jQuery('.kenburn_thumb_container').css({
                                    'visibility': 'visible'
                                });
                                jQuery('.thumbbuttons').css({
                                    'visibility': 'hidden'
                                });
                                setTimeout(function () {
                                    jQuery('.kenburn_thumb_container').animate({
                                        'opacity': 0
                                    }, {
                                        duration: 300,
                                        queue: false
                                    });
                                }, 100);
                            });
                            jQuery('.tbull').click(function () {
                                jQuery('.tbull').addClass('selected');
                                jQuery('.tauto').removeClass('selected');
                                jQuery('.tthumb').removeClass('selected');
                                jQuery('.tnone').removeClass('selected');
                                jQuery('.kenburn_thumb_container').css({
                                    'visibility': 'hidden'
                                });
                                jQuery('.thumbbuttons').css({
                                    'visibility': 'visible'
                                });
                            });
                            jQuery('body').addClass('tp_showthumbsalways');
                            jQuery('.tthumb').click();
                        });

                    </script>
                    <!--<div id="div_slider">
            <div id='coin-slider'> <%=BannerHTML %> </div>
          </div>-->
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="mainslider" style="background: none repeat scroll 0 0 #FFFFFF!important;">
                <div class="col_1" style="width: 100%;">
                    <h3>
                        Promo</h3>
                    <table width="100%" border="0">
                        <tr>
                            <td style="width: 52%;">
                                <asp:Label ID="lblHeader" runat="server"></asp:Label>
                            </td>
                            <td style="width: 48%;">
                            <div id="div_section_3" class="container" style="background-color: #fff;">
                                <table width="100%" border="0">
                                    <tr>
                                        <td>
                                        </td>
                                        <td>
                                            <label id="lblErrorMessage1" class="input" visible="false" runat="server">
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 25%;">
                                            <label>
                                                Contact Name&nbsp;&nbsp;
                                            </label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtContactName" runat="server" type="text" class="input" Width="150px" />
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter Name"
                                                ValidationGroup="p" ControlToValidate="txtContactName" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="line-height: 1px;">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label>
                                                Company Name</label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtCompanyName" runat="server" type="text" class="input" Width="150px" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="line-height: 1px;">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label>
                                                Office phone no.</label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtOficePhone" runat="server" type="text" class="input" Width="150px" />
                                             <asp:RegularExpressionValidator runat="server" ForeColor="Red" ValidationGroup="p" Display="Dynamic" id="RegularExpressionValidator2" controltovalidate="txtOficePhone" validationexpression="^[0-9]+$" errormessage="Please enter number" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="line-height: 1px;">
                                          &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label>
                                                Mobile phone no.</label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtMobilePhone" runat="server" type="text" class="input" Width="150px" />
                                            <asp:RegularExpressionValidator runat="server" ForeColor="Red" id="rexNumber"  ValidationGroup="p" Display="Dynamic" controltovalidate="txtMobilePhone" validationexpression="^[0-9]+$" errormessage="Please enter number" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="line-height: 1px;">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label>
                                                E-mail
                                            </label>
                                        </td>
                                        <td>
                                            <asp:TextBox ID="txtEmail" runat="server" type="text" class="input" Width="150px" />
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ErrorMessage="Please enter email"
                                                ValidationGroup="p" ControlToValidate="txtEmail" Display="Dynamic" ForeColor="Red"></asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail"
                                                ValidationGroup="p" Display="Dynamic" ErrorMessage="Invalid Email Format" ForeColor="Red"
                                                ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="line-height: 1px;">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    
                                    <tr>
                                        <td>
                                        </td>
                                        <td>
                                            <span class="btncss" align="center">
                                                <asp:LinkButton CssClass="send-btn" ID="lnkSend" runat="server" Text="Send" ValidationGroup="p"></asp:LinkButton>
                                            </span>
                                        </td>
                                    </tr>
                                </table>
                                </div>
                                <label id="lblErrorMessage" class="input" visible="false" runat="server">
                                </label>
                            </td>
                        </tr>
                    </table>
                    <asp:Label ID="lblSuccessmsg" runat="server" Text="" ForeColor="Red"></asp:Label>
                    <div class="container" style='background-color: #fff; <%  If (sent = True or already = True) Then
        
                            Response.Write("Display:block;")
                        Else
       
                            Response.Write("Display:none;")
        
                        End If
    %>' id="divRaffal">
                        <%  If (sent = True) Then
        
                                Response.Write("<div style='color:green;'>Thank You for Registering, Please check your email for the Raffel Code The draw is 13th june at Arwani both in Hall 8 at 3 pm</div>")
                                Response.Write("<script>setTimeout(function() {window.location.href = 'http://www.arwani.ae';}, 3000);</script>")
        
                            End If
                        %>
                        <%  If (already = True) Then
        
                                Response.Write("<div style='color:Red;'>You have already registered for the draw.</div>")
                              
        
                            End If
                        %>
                        <p>
                        </p>
                        <br />
                    </div>
                </div>
                <%--  <div class="col_2" style="width: 450px!important">
                    <img src="../images/raffel-banner.jpg" alt="Banner" id="imgBanner" style="cursor: pointer"  />
                    
                </div>--%>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div id="footer">
            <uc2:Footer ID="Footer1" runat="server" />
        </div>
        <uc3:CopyRight ID="CopyRight1" runat="server" />
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#imgBanner').click(function () {
                $('#divRaffal').show();
            });
        });
 
    
    </script>
    </form>
    <script type="text/javascript" language="javascript">

        $(document).ready(function () {
            $('#div_slider').coinslider({ effect: '', opacity: 0.7, links: false, delay: 2200, navigation: true, opacity: 0.7, width: 577, height: 395, hoverPause: false });
            $('#div_coin_slider').jshowoff({
                links: false,
                controls: false,
                effect: 'fade',
                cssClass: 'basicFeatures',
                hoverPause: true,
                speed: 850
            });
        });
    </script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-38443887-1']);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>
</body>
</html>
